

<template>
  <div class="register">
    <div class="btn2">
      <el-button type="primmary">导入</el-button>
      <el-button type="primmary">导出</el-button>

    </div>
    <div class="form_data">
      <searchData :loadData="setPage" :currentPage="currentPage" :pageSize="pageSize1" />
    </div>
    <div>
      <formdata :tabledata="data" :total="total" :loadData="setPage" :currentPage="currentPage" :pageSize="pageSize1"/>
    </div>
  </div>
</template>
  
<script setup lang="ts">
import { reactive,ref } from 'vue'
import formdata from './ui/formData.vue';
import searchData from './ui/searchData.vue'
import useRegisterUserList from '@/hooks/useRegisterUser'
// import type {formType} from './ui/searchData.vue'
const [currentPage, data, total, pageSize1, loadData] = useRegisterUserList()
const setPage = (page: number = 1, size: number = 10,form?:any) => {
  loadData(page, size,form)
}
</script>
  
<style scoped>
/* 样式代码 */
.form_data {
  width: 100%;
  height: 60px;
  /* background-color: blueviolet; */
}

.register {
  margin: 18px 18px;
  /* background-color: black; */
  height: 480px;
  position: relative;

  .btn2 {
    float: right;
    margin-right: 15px;
    padding-top: 20px;
    position: absolute;
    top: -80px;
    right: 15px;
  }
}
</style>